{% extends 'basic/component.html' %}
{% load static %}
{% load i18n %}

{% block pageTitle %}
    {% trans 'About' %}
{% endblock %}

{% block pageHeadExtra %}
{% endblock %}

{% block pageBody %}
    {% get_media_prefix as MEDIA_ROOT %}

  <div class="container docs-container">
    <div class="row">
      <div class="col-md-9" role="main">
        <div class="docs-section">
            <h1 id="index" class="page-header">网站介绍</h1>
            <p>基于机器学习，自动机器学习和一些先进材料工具，材料数据采集融合系统致力于提供基于Web的开放式计算材料信息访问以及激发和设计新材料的先进技术。</p>
{#            <p>#}
{#                <img src="" class="img-responsive img-rounded">#}
{#            </p>#}
        </div>{# 1 #}
        <div class="docs-section">
            <h1 id="start-using" class="page-header">开始使用</h1>
            <p>DCF系统支持IE10及以上版本、Chrome、Safari等浏览器，推荐使用Chrome或基于Chromium内核的浏览器（如360浏览器、搜狗浏览器等）访问DCF系统。</p>

            <h2 id="register">注册&nbsp;¶</h2>
            <p>在账号<a href="{% url 'accounts:register' %}" >注册</a>页面，只需几个简短的步骤即可完成注册操作（若您已经登录，则跳转至首页）。特别注意，邮箱地址不能重复。</p>
            <p>注册成功后便可立即跳转至<a href="{% url 'accounts:login' %}" >登录</a>页面进行登录。</p>

            <h2 id="login">登录&nbsp;¶</h2>
            <p>已拥有该网站账号的用户可进行登录操作，暂无账号的用户可前往注册页面注册新账号。</p>
            <p>在登录页面，用户需按提示正确输入账号信息，方可进入该系统。</p>
        </div>{# 2 #}
        <div class="docs-section">
            <h1 id="functions" class="page-header">功能服务</h1>

            <h2 id="functions-storage">数据存储&nbsp;¶</h2>
            <p>在“我的资源”<i class="fa fa-long-arrow-right" aria-hidden="true"></i>“<a href="{% url 'storage:my_template' %}" >我的数据</a>”页面中，用户可以查看并创建模板、存储材料数据。</p>
            <h3>创建模板</h3>
            <p>在模板界面，用户可查看自己创建的模板，点击右上角“添加”按钮，可进入模板创建页面。用户在创建模板时，需指定该模板所属材料分类。用户可通过拖拽左侧标签添加相应的数据类型。</p>
            <h3>手动存储</h3>
            <p>在数据界面，用户可查看自己提交的数据，点击右上角的“添加”按钮，可进入数据创建页面。用户提交数据需要以下步骤执行：</p>
            <ul>
                <li>选择想要添加的数据所述材料分类；</li>
                <li>选择该材料分类下的模板；</li>
                <li>选择该材料分类下的模板；</li>
                <li>填写生成的表单或生成的文件，然后提交或上传。</li>
            </ul>
            <h3>自动存储</h3>
            <p>DCF系统提供了自动存储技术，具体涉及到的API请详见<a href="https://apizza.net/pro/#/project/a32c2171ee8072f64e12a243d77e4041/browse" target="_blank">链接</a>。</p>

            <h2 id="functions-search">数据检索&nbsp;¶</h2>
            <p>在数据<a href="{% url 'search:search' %}" >搜索</a>页面，用户可按照标题、作者、关键词、全文检索等指标进行数据搜索，还可对搜索到的数据进行进一步地分类和排序。</p>

            <h2 id="functions-analysis">数据统计&nbsp;¶</h2>
            <p>用户在<a href="{% url 'analysis:index' %}" >统计分析</a>页面，可以查看DCF系统的总体数据分布情况，包括数据浏览总量、下载总量、数据总量和模板总量。</p>
            <p>页面左侧显示的是DCF系统的材料分类情况，通过点击各分支，页面右侧会相应地呈现该分支下的数据分布情况，包括数据量、下载量、数据量和模板量。</p>

            <h2 id="functions-ml">机器学习工具&nbsp;¶</h2>
            <h3>上传数据集</h3>
            <p>在“我的资源”<i class="fa fa-long-arrow-right" aria-hidden="true"></i>“<a href="{% url 'storage:my_template' %}" >我的数据</a>”页面中，用户可查看自己提交的数据集，点击右上角“上传”按钮，可进入数据集上传页面。用户可按要求上传.xlsx、.xlx、.txt、.csv等类型的文件。</p>
            <h3>创建任务</h3>
            <p>在<a href="{% url 'mlplatform:index' %}" >机器学习平台</a>页面，用户需按照流程提交机器学习任务：</p>
            <ul>
                <li>选择数据集，选择训练标记；</li>
                <li>选择算法或自动学习模型，设定训练参数；</li>
                <li>确认无误后提交任务，等待系统处理。</li>
            </ul>
            <p>用户提交的机器学习任务可在“我的资源”<i class="fa fa-long-arrow-right" aria-hidden="true"></i>“<a href="{% url 'mlplatform:my_tasks' %}" >我的任务</a>”中查看。</p>

            <h2 id="functions-image">图像识别工具&nbsp;¶</h2>
            <p>在<a href="{% url 'imagerecognize:image' %}" >图像识别</a>页面，用户可上传图片对其进行识别和分类操作。</p>
            <h3>创建任务</h3>
            <ul>
                <li>填写该图像识别任务的名称;</li>
                <li>填写对该图像识别任务的简要描述;</li>
                <li>创建任务默认创建测试类，用户不可对其进行删除操作或对其重命名;</li>
            </ul>
            <h3>创建分类</h3>
            <ul>
                <li>填写该分类的名称;</li>
                <li>填写该分类的简要描述;</li>
                <li>用户创建名称不可为‘test’;</li>
                <li>用户可上传.jpeg,.png,.jpg格式图片或.zip文件，页面可动态显示已上传图片.</li>
            </ul>
            <h3>开始任务</h3>
            <ul>
                <li>测试类‘test’中至少包含一张图片;</li>
                <li>除测试类外至少包含两个分类.</li>
            </ul>

            <h2 id="functions-material">材料分析工具&nbsp;¶</h2>
            <p>在<a href="{% url 'material:all_materials' %}" >材料工具</a>页面，用户可查看DCF系统引用的全部材料分析工具。</p>
            <h3 id="">性能预测</h3>
            <p>该工具使用RESTful API，即AFLOW-ML，可针对POSCAR格式的材料数据进行性能预测。</p>
            <h3 id="">钙钛矿稳定性预测</h3>
            <p>该工具可预测ABX化合形式的钙钛矿。用户可用此工具按照A、B位允许的钙钛矿元素自由组合钙钛矿化学式，然后得到关于钙钛矿稳定性和形成能的预测结果，为筛选新的具有较高稳定的钙钛矿氧化物提供辅助机制。</p>

            <h2 id="functions-info">个人信息管理&nbsp;¶</h2>
            <h3 id="">信息更改</h3>
            <h4>修改密码</h4>
            <p>如若用户忘记密码，可在登录页面点击“忘记密码？点击重置.”进入重置密码请求页面。</p>
            <p>重置密码需要提供用户注册时预留的邮箱地址，只有当邮箱地址经系统检测通过后，系统才会向该邮箱地址发送重置密码邮件，您需要通过邮件中的链接进入重置密码页面，进行密码重置操作。</p>
            <h4>其他操作</h4>
            <p>用户进入系统后，可进入<a href="{% url 'accounts:info' %}" >个人信息</a>页面进行如下操作：</p>
            <ul>
                <li>修改姓名、所属机构、邮箱地址；</li>
                <li>发送验证邮件，进行邮箱验证；</li>
                <li>修改密码；</li>
                <li>设置或修改头像；</li>
                <li>管理通知信息。</li>
            </ul>
            <h3 id="">我的数据</h3>
            <p>在<a href="{% url 'storage:my_template' %}" >我的数据</a>页面，用户可查看自己提交的数据、创建的模板、上传的数据集。</p>
            <h3 id="">我的任务</h3>
            <p>在<a href="{% url 'mlplatform:my_tasks' %}" >我的任务</a>页面，用户可查看自己提交的机器学习任务。</p>
            <p>任务按其状态分为四部分展示：</p>
            <ul>
                <li>全部任务，用户提交的所有机器学习任务；</li>
                <li>待处理任务，用户提交的任务中等待被系统后台处理的任务，其状态为“待处理”；</li>
                <li>正在运行任务，用户提交的任务中正在被系统处理的任务，其状态为“正在运行”；</li>
                <li>已完成任务，用户提交的任务中已被系统后台处理完毕并返回结果的任务，其状态为“已完成”。</li>
            </ul>
            <p>点击每一条任务记录，可进入该任务的任务详情页面。在任务详情页面，用户可查看该任务的详细信息，包括数据集、算法、任务状态等。对于“已完成”的任务，用户还可以查看任务结果。</p>
            <p>用户点击右上角“添加”按钮，则跳转至机器学习平台页面。</p>
        </div>{# 3 #}
      </div>

      <div class="col-md-3" role="complementary">
        <nav id="docs-sidebar" class="docs-sidebar hidden-print hidden-xs hidden-sm affix">
          <ul class="nav nav-pills nav-stacked">
            <li>
              <a href="#index" class="collapsed" data-target="#index">网站介绍</a>
            </li>{# 1 #}
            <li>
              <a href="#start-using" class="collapsed" data-toggle="collapse" data-target="#start-using-navbar">开始使用</a>
              <ul id="start-using-navbar" class="nav collapse">
                <li><a href="#register" data-target="#register">注册</a></li>
                <li><a href="#login" data-target="#login">登录</a></li>
{#                <li><a href="#personal-setting" data-target="#personal-setting">个人设置</a></li>#}
              </ul>
            </li>{# 2 #}
            <li>
              <a href="#functions" class="collapsed" data-toggle="collapse" data-target="#functions-navbar">功能服务</a>
              <ul id="functions-navbar" class="nav collapse">
                <li><a href="#functions-storage" data-target="#functions-storage">数据存储</a></li>
                <li><a href="#functions-search" data-target="#functions-search">数据检索</a></li>
                <li><a href="#functions-analysis" data-target="#functions-analysis">数据统计</a></li>
                <li><a href="#functions-ml" data-target="#functions-ml">机器学习工具</a></li>
                <li><a href="#functions-image" data-target="#functions-image">图像识别工具</a></li>
                <li><a href="#functions-material" data-target="#functions-material">材料分析工具</a></li>
                <li><a href="#functions-info" data-target="#functions-info">个人信息管理</a></li>
              </ul>
            </li>{# 3 #}
          </ul>
        </nav>
      </div>
    </div>
  </div>
{% endblock %}

{% block pageFootExtra %}
    <link href="{% static 'css/accounts/about.css' %}" rel="stylesheet">
    <script src="{% static 'js/accounts/about.js' %}"></script>
{% endblock %}